<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="/static/home/css/product.css?v=1">
		<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
		
	</head>
	<body>
		<!--导航栏-->
		
        <!--头部-->
       
        
        
        <!--main-->
        <section class="one">
        	<div class="graphiccard">
				
        		<img id="img" src="{$goods.goods_logo}" width="800px" class="graphic"/>
        		
        	</div>
        	<!-- /static/home/img/cddb8a0774cf03bd(4).jpg
			/static/home/img/aa8ffebfeb165ba7.jpg
			/static/home/img/569cc54phc37f801c1(1).jpg -->
			
        	<div id="imagegallery">
				
				{foreach $goods_images as $v}
					
        		<a href="{$v.pics_sma}" title="图片A">
				<img src="{$v.pics_sma}" width="128px"  alt="图片1" />
				</a>
				<br>
				{/foreach}
</div>
				<!-- <a href="/static/home/img/cddb8a0774cf03bd(1).jpg" title="图片A">
					<img src="/static/home/img/cddb8a0774cf03bd(1).jpg" width="128px" alt="图片1" />
					</a><br>
				<a href="/static/home/img/aa8ffebfeb165ba7.jpg" title="图片A">
				<img src="/static/home/img/aa8ffebfeb165ba7.jpg" width="128px" alt="图片1" />
				</a><br>
				<a href="/static/home/img/569cc54c37f801c1(1).jpg" title="图片A">
				<img src="/static/home/img/569cc54c37f801c1(1).jpg" width="128px" alt="图片1" />
				</a>
        	</div> -->
        	
        	
        	
        	<div class="graphictext">
        		<div class="xn">
					{$goods.goods_name}
        			<!-- 七彩虹iGame RTX3090/RTX3080/RTX3070 24G/10G高端电脑游戏独立显卡<br> RTX3090 Vulcan OC 24G -->
        			
        		</div>
        		<div class="sn">
        			|
        			<span class="share">
        			分享
        		</span>
        		<a href=""><img src="/static/home/img/qq.jpg" class="qq"/></a>
        		<a href=""><img src="/static/home/img/weixin.png" class="weixin"/></a>
        		<a href=""><img src="/static/home/img/qq空间.jpg" class="space"/></a>
        		</div>
        		<div class="pricen">价格:
        			<span style="color: darkred;">
        				￥{$goods.goods_price}
        			</span>
        		</div>
        		<div class="exchange">
        			退换承诺:
        			<span >
        				不支持无理由退款
        			</span>
        		</div>
        		<div class="infor">
        			产品信息:
        			<ul>
					{foreach $goods['goods_attr'] as $v}
					
					<li>{$v.attr_name}:{$v.attr_value}</li>
					{/foreach}
        			<!-- <li>以1770 MegaHertZ增强时钟运行的4608 NVIDIA CUDA内核；NVIDIA Turing架构</li>
        			<li>新的72 RT核可加速射线追踪</li>
        			<li>576个Tensor Core用于AI加速；推荐电源使用650瓦</li>
        			<li>24 GB的GDDR6内存以每秒14吉比特的速度运行，可提供高达672 GB / s的内存带宽</li> -->
        		</ul>
        		</div>
        		<div class="control-group">
					<div class="controls">
						<input id="number" autocomplete="off" type="text" value="1" minnum="1" class="count" />
						<a href="javascript:void(0)" id="plus" class="plus">+</a>
						<a href="javascript:void(0)" id="mins" class="mins">-</a>
					</div>
				</div>
        		
        	</div>
        	
        	<div class="purchasing">
        		<div class="pricen">价格:
        			<span style="color: darkred;">
        				￥{$goods.goods_price}
        			</span>
        		</div>
        		<div class="de">
        		由Second hand直接发货

        	</div>
        	<div class="safe">
        		安全交易:
        		<div id="">
        			我们努力保护您的安全和隐私。我们的付款安全系统会在传输过程中对您的信息进行加密。我们不会与第三方卖家分享您的信用卡详细信息，也不会向他人出售您的信息。
        		</div>
			</div>
			<a href="javascript:;" id="addshopcar" class="shop" style="text-decoration: none;display: block; text-align: center;line-height: 35px;">加入购物车</a>
			<!-- <form action="{:url('home/cart/addcart')}" method="post"> -->
<!-- <a href="javascript:;" id="addshopcar" class="shop">现在购买</a> -->
                <!-- <input type="button"  name=""  id="addshopcar" value="加入购物车" class="shop"/>
				<input type="button" name="" id="" value="现在购买" class="shop1"/>
				<input type="hidden" name="goods_id" value="{$goods.id}">
                <input type="hidden" name="number" value="">
			</form> -->
			
        	</div>
        	
        	
        </section>
        <hr style="margin:0px;background-color:#eee;height:0.5px;border:none;" />
        <section class="two">
        	<div class="two-part">
        		你可能喜欢的:
        	</div>
        	<div class="two-part-main">
        		
        		<img src="/static/home/img/226db3fa5270f7e3.jpg"/>
        		<div class="two-part-text">
        		<a href="" class="two-part-text-s">七彩虹（Colorful）<br> GTX/1650/710/1030/1050ti<br> 游戏办公独立显卡<br> GTX 1050Ti 4G 灵动鲨</a><br>
        		<span style="color: darkred;">
        				￥1,499
        			</span>
        			
        			
        	</div>
        		<img src="/static/home/img/8459d5d46a88d2ab.jpg"/>
        		<div class="two-part-text1">
        		<a href="" class="two-part-text-s">英特尔十代CPU酷睿i5<br> 10400F/10500/10600KF<br> 盒装处理器主板套餐<br> 华硕TUF GAMING<br> B460M-PLUS套装<br> I5-10400F/6核/12线程</a><br>
        		<span style="color: darkred;">
        				￥1,829
        			</span>
        			
        			
        	</div>
        		
        		
        		<img src="/static/home/img/c168c3900d61316a.jpg"/>
        		<div class="two-part-text2">
        		<a href="" class="two-part-text-s">七彩虹（Colorful）<br>ssd固态硬盘<br> SL500 SATA3.0接口<br> 台式机笔记本通用<br> SL500 1T（1G缓存）</a><br>
        		<span style="color: darkred;">
        				￥679
        			</span>
        			
        			
        	</div>
        		<img src="/static/home/img/750f753677c18306.jpg"/>
        		<div class="two-part-text3">
        		<a href="" class="two-part-text-s">铠侠 ssd固态硬盘m.2<br>（原东芝）台式机硬盘<br> 笔记本硬盘 NVME协议<br> RC10 500G</a><br>
        		<span style="color: darkred;">
        				￥479
        			</span>
        			
        			
        	</div>
        		<img src="/static/home/img/c62213696f9f4cc4.jpg"/>
        		<div class="two-part-text4">
        		<a href="" class="two-part-text-s">七彩虹内存条8g 3200<br> 电脑台式战斧系列<br>马甲条RGB灯条<br> DDR4 马甲套装</a><br>
        		<span style="color: darkred;">
        				￥879
        			</span>
        			
        			
        	</div>
        		<img src="/static/home/img/e3259df2d6989859.jpg"/>
        		<div class="two-part-text5">
        		<a href="" class="two-part-text-s">SAMA/先马机箱<br>电竞电脑机箱 剑魔/剑魔3<br> RGB灯效 </a><br>
        		<span style="color: darkred;">
        				￥879
        			</span>
        			
        			
        	</div>
        		
        		
        		<img src="/static/home/img/7c5f79d703a9fd7a.jpg"/>
        		<div class="two-part-text6">
        		<a href="" class="two-part-text-s">七彩虹（Colorful）<br>将星X15/15.6英寸 144Hz 1650Ti<br>显卡游戏笔记本电脑</a><br>
        		<span style="color: darkred;">
        				￥6,599
        			</span>
        			
        			
        	</div>
        	</div>
        	
        	
        	
        </section>
        
         <hr style="margin:0px;background-color:#eee;height:0.5px;border:none;" />
         <section class="three">
         	<div class="three-part">
         		产品信息:
         	</div>
         	<div class="three-part-table">
         		<table class="linear" cellspacing="0px">
                                    	<tr>
                                    		<th>Brand</th>
                                    		<td>NVIDIA 英伟达</td>
                                    	</tr>
                                    	<tr>
                                    		<th>制造商</th>
                                    		<td>NVIDIA</td>
                                    	</tr>
                                    	<tr>
                                    		<th>商品尺寸</th>
                                    		<td>32.89 x 9.3 x 17.5 cm; 2.06 公斤</td>
                                    	</tr>
                                    	<tr>
                                    		<th>Is Discontinued By Manufacturer</th>
                                    		<td>不是</td>
                                    	</tr>
                                    	<tr>
                                    		<th>内存主频</th>
                                    		<td>7000 MHz</td>
                                    	</tr>
                                    	<tr>
                                    		<th>显卡芯片</th>
                                    		<td>TITAN RTX</td>
                                    	</tr>
                                    	<tr>
                                    		<th>显示芯片品牌</th>
                                    		<td>	Nvidia</td>
                                    	</tr>
                                    	<tr>
                                    		<th>图形RAM类型</th>
                                    		<td>GDDR6</td>
                                    	</tr>
                                    	<tr>
                                    		<th>显存容量</th>
                                    		<td>	24 GB</td>
                                    	</tr>
                                    	<tr>
                                    		<th>显卡接口1</th>
                                    		<td>PCI-E</td>
                                    	</tr>
                                    	<tr>
                                    		<th>瓦数</th>
                                    		<td>	650</td>
                                    	</tr>
                                    	<tr>
                                    		<th>是否包含电池</th>
                                    		<td>不是</td>
                                    	</tr>
                                    	<tr>
                                    		<th>商品重量</th>
                                    		<td>2.06 kilograms</td>
                                    	</tr>
                                    </table>
         	</div>
         	<div class="three-part-table1">
         	<table class="linear" cellspacing="0px">
                                    	<tr>
                                    		<th>ASIN</th>
                                    		<td>B07L8YGDL5</td>
                                    	</tr>
                                    	<tr>
                                    		<th>用户评分</th>
                                    		<td>4.6 颗星，最多 5 颗星</td>
                                    	</tr>
                                    	<tr>
                                    		<th>热销商品排名</th>
                                    		<td>商品里排第17,554名电脑</td>
                                    	</tr>
                                    	
                                    	
                                    	
                                    </table>
                                    </div>
         </section>
         <hr style="margin:0px;background-color:#eee;height:0.5px;border:none;" />
         <section class="four">
         	<div class="four-part">
         		生产商提供信息:
			 </div>
			 {foreach $goods_images as $v}
					
        		<a href="{$v.pics_big}"  title="图片A">
				<img src="{$v.pics_big}" style="width: 850px; padding-left: 500px; padding-top: 140px;"   alt="图片1" />
				</a>
				<br>
				{/foreach}

         	<!-- <img src="/static/home/img/inform/inform.jpg" class="four-part-inform"/>
         	<img src="/static/home/img/inform/inform1.jpg" class="four-part-inform1"/>
         	<img src="/static/home/img/inform/inform2.jpg" class="four-part-inform2"/>
         	<img src="/static/home/img/inform/inform3.jpg" class="four-part-inform3"/> -->
         	
         	
         	
         	
		 </section>
		 

		 <hr style="margin:0px;background-color:#eee;height:0.5px;border:none;" />
         <section class="six">
         	<div class="six-text">
         		评论:
			 </div>
			 <form action="{:url('home/goods/comment')}" class="putcomment" method="post">
				
				<input type="hidden" name="goods_id" value="{$goods.id}">
			 <textarea value="" class="comment" name="goods_comment" placeholder="商品是否给力？快分享你的购物心得吧~"></textarea>
         	<div class="">
         		

				 
				<a href="javascript:;" id="comment1" class="shop1" style="text-decoration: none;display: block; text-align: center;line-height: 35px;">提交评论</a>
				
			 </div>
			 </form>
         	<div class="six-part">
         		<ul class="six-part-com">
					 {foreach $comment as $v}
					 <hr style="margin:0px;background-color:#eee;height:0.5px;border:none;width: 1000px;" />
         			<li>
         				<div class="six-part-n">
         					{$v.nickname}
         				</div>
         				<div class="six-part-m">
         					{$v.goods_comment}
<!-- 高画质流畅3A从此不再是梦想
配合5800x，吃鸡开超高画质，再加直播推流，帧数能在150左右，很满意 -->
         				</div>
         				
					 </li>
					 {/foreach}
         			<!-- <li>
         				<div class="six-part-n">
         					fdgfdh
         				</div>
         				<div class="six-part-m">
         					
高画质流畅3A从此不再是梦想
配合5800x，吃鸡开超高画质，再加直播推流，帧数能在150左右，很满意
         				</div>
         				<hr style="margin:0px;background-color:#eee;height:0.5px;border:none;width: 1000px;" />
         			</li>
         			<li>
         				<div class="six-part-n">
         					fdgfdh
         				</div>
         				<div class="six-part-m">
         					
高画质流畅3A从此不再是梦想
配合5800x，吃鸡开超高画质，再加直播推流，帧数能在150左右，很满意
         				</div>
         				<hr style="margin:0px;background-color:#eee;height:0.5px;border:none;width: 1000px;" />
         			</li> -->
         		</ul>
         		
         	</div>
         </section>
         
         
         <hr style="margin:0px;background-color:#eee;height:0.5px;border:none;" />
         
         
         
         <section class="five">
         	<ul class="five-part">
         		<li>了解我们
         		<div class="five-part-text">
         			<a href="" >人才招聘</a><br>
                    <a href="">关于亚马逊</a><br>
                    <a href="">新闻中心</a>
         		</div>
         		</li>
         		<li>合作信息
         			<div class="five-part-text">
         			<a href="">我要开店</a><br>
                    <a href="">加入联盟</a><br>
                    <a href="">合作伙伴</a>
         		</div>
         			
         		</li>
         		<li>帮助中心和购物指南
         		<div class="five-part-text">
         			<a href="">付款与退款</a><br>
                    <a href="">汇款单招领</a><br>
                    <a href="">发货与配送</a>
                    <a href="">退货与换货</a><br>
                    <a href="">帮助中心</a><br>  
         		</div>
         		</li>
         		
         	</ul>
		 </section>



		 <form class="pay" action="{:url('home/cart/index')}" method="post" style="display: none;">
		<input type="hidden" name="goods_id" value="{$goods.id}">
		<input type="hidden" name="number" value="">
		</form>
	</body>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script>
	<script src="/static/home/js/scripts.js"></script>

	<script type="text/javascript" src="/static/home/js/all.js"></script>

	
	<script type="text/javascript">
		var imagegallery=document.getElementById('imagegallery');
			var links=imagegallery.getElementsByTagName('a');

			//2.给所有的a标签注册事件
			for(var i=0;i<links.length;i++){
				//所有的a标签对应的元素
				var link=links[i];
				//注册事件
				link.onmouseover=function(){
					//4.切换图片
					//获取占位的大的img标签
					var img=document.getElementById('img');
					//把img标签src属性，设置为当前点击的a标签的href
					img.src=this.href;
					
					
					return false;
				}
			};


		$(function(){
			
		//提交表单
		$('#addshopcar').click(function(){
			//参数检测 略
			//提交表单
			$('.pay').submit();
			//获取购买数量
			var number = $('#number').val();
			//将购买数量放到隐藏表单中
			$('input[name=number]').val(number);
			//提交表单
			$('.pay').submit();
		});

		$('#comment1').click(function(){
			//参数检测 略
			//提交表单
			
			//提交表单
			$('.putcomment').submit();
		});


		//加号
		$('#plus').click(function(){
			//获取数量
			var number = parseInt( $('#number').val() );
			//计算新的数量
			number += 1;
			//展示新的数量
			$('#number').val(number);
		});
		//减号
		$('#mins').click(function(){
			//获取数量
			var number = parseInt( $('#number').val() );
			//计算新的数量
			if(number == 1) return;
			number -= 1;
			//展示新的数量
			$('#number').val(number);
		});
	})
	</script>
</html>
